在過去的 20 年里，人類的平均注意力從 12 秒下降到 8 秒，比金魚的9秒還要短。雖然這個(gè)隨機(jī)的瑣事是有爭(zhēng)議的，但它有很多含義，其中之一與您的商業(yè)網(wǎng)站有關(guān)。您會(huì)看到——在當(dāng)今快節(jié)奏的世界中， 53%的網(wǎng)絡(luò)用戶在加載時(shí)間超過 3 秒時(shí)會(huì)離開網(wǎng)站。想象一下——您獲得了一次點(diǎn)擊，然后因?yàn)槟木W(wǎng)站加載速度不夠快而失去了轉(zhuǎn)化機(jī)會(huì)。

那很痛，不是嗎？據(jù)谷歌稱，雖然頁面相關(guān)性和頁面排名仍然是網(wǎng)站要遵守的重要指標(biāo)，但網(wǎng)站加載時(shí)間也是一個(gè)重要的可用性指標(biāo)。該指標(biāo)不僅考慮了頁面排名，而且對(duì)轉(zhuǎn)換率以及訪問者是否會(huì)留在網(wǎng)站上產(chǎn)生巨大影響。

因此，很明顯您不能承受加載緩慢的網(wǎng)站。有太多的激勵(lì)措施！但是你怎么做呢？您必須實(shí)施哪些技巧才能使您的網(wǎng)站以閃電般的速度加載？

以下是一些快速獲勝的技巧：

1、啟用瀏覽器緩存

這可能是改善網(wǎng)頁加載時(shí)間的最常見技巧。當(dāng)用戶第一次訪問您的網(wǎng)站時(shí)，網(wǎng)頁的主要組成部分會(huì)保存在臨時(shí)存儲(chǔ)器或硬盤上。這意味著他們的瀏覽器可以輕松訪問您的網(wǎng)站，而無需向服務(wù)器發(fā)送另一個(gè) HTTP 請(qǐng)求，并且用戶可以在下次訪問您的網(wǎng)站時(shí)輕松打開它——幾乎是即時(shí)的。

為了實(shí)現(xiàn)同樣的目的，Nginx 緩存或 WordPress 驅(qū)動(dòng)的W3 Total Cache和WP Rocket等服務(wù)可以方便地為網(wǎng)站啟用瀏覽器緩存。

2、限制和刪除插件

插件被“插入”以改進(jìn)網(wǎng)站的特定功能，其中可能包括添加額外信息、在您的網(wǎng)站和外部工具之間提供更順暢的集成，或更改視覺元素。

但是，越來越多的插件需要更長的時(shí)間來加載。舉個(gè)例子——眾所周知，“Facebook like box”會(huì)通過增加高達(dá) 700 KB 的總頁面重量來減慢網(wǎng)站的速度！同樣，質(zhì)量較低的插件也會(huì)增加加載時(shí)間。關(guān)鍵是保留您網(wǎng)站實(shí)際需要的高質(zhì)量插件，并刪除不必要的插件。這個(gè)建議不僅適用于 WP 網(wǎng)站，也適用于其他網(wǎng)站，例如 Joomla 中的擴(kuò)展、前端庫等。

3、優(yōu)化你的 CSS 代碼

不久前，理想的網(wǎng)頁大小只有 30KB。請(qǐng)注意——包括內(nèi)容、圖像、代碼和圖形。很快，CSS 腳本越來越流行，因?yàn)樗梢蕴峁┰鰪?qiáng)的 Web 用戶體驗(yàn)。

然而，這也有其不利之處。您網(wǎng)站上的 CSS 文件越多，它被迫發(fā)出的 HTTP 請(qǐng)求就越多，從而降低了網(wǎng)站速度。以下是三個(gè)最佳實(shí)踐：

• 通過使用更少的運(yùn)算符和聲明使代碼盡可能短。更少的 CSS 腳本行意味著更少的處理周期和更短的頁面加載時(shí)間。
• 確保您的 CMS 已經(jīng)優(yōu)化了您的 CSS。如果沒有，建議使用諸如CSS Minifier之類的外部工具來最小化資源文件。這樣，網(wǎng)站的加載速度會(huì)更快。
• 避免在 HTML 中使用 CSS，例如 DIV 和 H1 標(biāo)簽。

您可以使用更多工具來優(yōu)化和格式化 CSS。

4、限制您的 301 重定向

改變網(wǎng)站結(jié)構(gòu)是不可避免的。這意味著您的頁面 URL 也會(huì)更改。但是，由于您不想用不同的 URL 混淆您的網(wǎng)絡(luò)訪問者，或者降低任何這些頁面的排名，您可以將點(diǎn)擊從舊 URL 重定向到新 URL。

301 重定向確保舊URL 仍然有效，即使它在技術(shù)上不存在。但是，這個(gè)簡單的解決方案減少了頁面加載時(shí)間，因?yàn)樵撨^程會(huì)創(chuàng)建一個(gè)鏈接，您的瀏覽器必須通過這些鏈接才能到達(dá)新的 URL。因此，請(qǐng)限制您的 301 重定向。

5、縮小圖像尺寸

人類已經(jīng)進(jìn)化為視覺生物。人腦處理視覺的速度比文本快60,000 倍也就不足為奇了。說到網(wǎng)站，沒有人喜歡花時(shí)間在一個(gè)單調(diào)乏味、信息太多、沒有任何視覺表現(xiàn)的網(wǎng)站上。難怪任何稱職的網(wǎng)站都擁有相當(dāng)多的視覺內(nèi)容——從圖片和幻燈片到 GIF 和視頻，從而將其轉(zhuǎn)化率提高了7 倍。

然而，盡管有積極作用，但圖像會(huì)特別增加網(wǎng)頁的加載時(shí)間。應(yīng)對(duì)這一挑戰(zhàn)的唯一方法是重新縮放圖像。這并不意味著裁剪它們，因?yàn)轫撁嫒匀恍枰虞d整個(gè)圖像并以比原始圖像更小的尺寸顯示。

這里的解決方案是調(diào)整圖片大小并壓縮它們。據(jù)谷歌稱，25% 的網(wǎng)頁可以節(jié)省超過 250KB，其中大約 10% 的網(wǎng)頁僅通過壓縮大文件就可以節(jié)省超過 1MB 。查看在不影響質(zhì)量的情況下壓縮圖像的工具數(shù)量。因此，優(yōu)化您的網(wǎng)絡(luò)圖像并減少頁面加載時(shí)間。

6、使用第三方托管

如果您的網(wǎng)站包含包含圖像和視頻的大文件，則頁面加載時(shí)間將顯著增加。此外，如果您使用共享服務(wù)器來托管文件，尤其是視頻，則加載時(shí)間會(huì)增加更多。

要解決此問題，請(qǐng)?jiān)?YouTube 或Vimeo等外部托管平臺(tái)上共享視頻文件。然后可以使用簡單的代碼將視頻嵌入網(wǎng)站，從而大大提高網(wǎng)站加載速度。如果使用 WordPress，那么您還應(yīng)該考慮使用高級(jí)托管以獲得一致的可靠頁面加載時(shí)間和安全性。

7、壓縮和緩存

一項(xiàng) Machmetrics 研究表明，這些網(wǎng)站的平均頁面加載時(shí)間約為 8-11 秒。這似乎是一個(gè)很小的數(shù)字，但如前所述，網(wǎng)站訪問者等待網(wǎng)頁打開的時(shí)間不會(huì)超過三秒鐘。

這就是壓縮站點(diǎn)的所有靜態(tài)內(nèi)容派上用場(chǎng)的地方。通常，壓縮更多的是服務(wù)器設(shè)置。但是，如果這不是一個(gè)選項(xiàng)，請(qǐng)使用文件格式和 Gzip 等其他應(yīng)用程序，它們可以識(shí)別文本文件中相同代碼的字符串。

大多數(shù)托管平臺(tái)在他們的計(jì)劃中提供多層緩存。與您的托管服務(wù)提供商聯(lián)系，了解哪些是可用的以及如何在您的網(wǎng)站上啟用。例如，SiteGround 提供靜態(tài)、動(dòng)態(tài)、Memcached 和 HHVM 緩存解決方案。對(duì)于 WP 站點(diǎn)，Kinsta提供服務(wù)器端緩存和強(qiáng)大的內(nèi)部開發(fā)插件來管理站點(diǎn)緩存。這樣做會(huì)顯著減少網(wǎng)站頁面加載時(shí)間。

包起來

網(wǎng)站速度很重要。這是您給初次訪問者的第一印象。是的，糟糕的頁面加載時(shí)間會(huì)對(duì)您的搜索排名、用戶體驗(yàn)和轉(zhuǎn)換產(chǎn)生不利影響。當(dāng)問題可以通過我們的七個(gè)技巧輕松解決時(shí)，為什么還要讓這種情況發(fā)生呢？